<!DOCTYPE html>
<html lang="en">

<!-- Head tag -->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Title -->
    <title>KELION</title>
    <!-- Custom CSS -->
    <link rel="stylesheet" href="../css/about.css">
</head>

<body>

<!-- Menu -->
<!-- Navigation -->
<nav class="navbar">
    <div class="container-fluid">
        <a class="home-link" href="../index.html">Home</a>

        <a class="archives-link" href="contact.html">Contact</a>
        <a class="archives-link" href="about.html">About</a>
        <a class="archives-link" href="tags.html">Tags</a>
        <div class=" toggle-hide mobile-inner-header-icon mobile-inner-header-icon-out">
            <span></span><span></span>
        </div>
    </div>
    <div class="mobile-inner-nav" role="navigation">
        <a href="tags.html" style="animation-delay: 0.1s;">Tags</a>
        <a href="about.html" style="animation-delay: 0.2s;">About</a>
        <a href="contact.html" style="animation-delay: 0.3s;">Contact</a>
    </div>
</nav>

<!-- Main Content -->
<!-- Page Header -->
<!-- Set your background image for this header in the theme's configuration: index_cover -->
<header class="intro-header">
    <div class="container">
        <div class="row">
            <div class="">
                <div class="site-heading">
                    <h1 class="user-name">About</h1>
                    <hr class="small">
                    <span class="subheading">说不出口的废猫</span>
                </div>
            </div>
        </div>
    </div>
</header>

<!-- Main Content -->
<div class="container">
    <div class="row">
        <div class="about-container">
           <h4>About Me</h4>
           <p>My name is Lai Junjie(赖俊杰).</p>
           <p>I was born in 1995s.</p>
           <p>jj4869@qq.com</p>
        </div>
        <div class="">
           <h4>About MySite</h4>
           <p>备案审核通过日期：2016-05-05</p>
           <p>网站开始制作日期：2016-05-18</p>
           <p>预计初次运行日期：2016-06-18</p>
        </div>
    </div>
</div>

<!-- Footer -->
<footer>
    <div class="">
    </div>
</footer>


<!-- jQuery -->
<script src="../js/jquery-1.12.4.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        function toggleNavClass() {
            $(this).toggleClass("mobile-inner-header-icon-click mobile-inner-header-icon-out");
            $(".mobile-inner-nav").slideToggle(250);
        }
        var headerIcon = document.getElementsByClassName("mobile-inner-header-icon")[0];
        headerIcon.addEventListener("click", toggleNavClass, false);

        $(".mobile-inner-nav a").each(function (index) {
            $(this).css({'animation-delay': (index / 10) + 's'});
        });
    });
</script>

</body>

</html>